<template>
  <div class="my-btn">
    <!-- solt:插槽组件，虚拟占位符 -->
    <!-- 会在组件使用时，替换成其双标签中的内容 -->
    <span>
      <slot />
    </span>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.my-btn{
    display: inline-block;
    background-color: #409eff;
    color: white;
    border-radius: 5px;
    padding: 10px 20px;
    user-select: none;
    cursor: pointer;
    margin: 5px;
    &:hover{
        background-color: #66b1ff;
    }
    &:active{
        background-color: #3a8ee6;
    }
}
</style>